* {margin: 0; padding: 0; box-sizing: border-box; -webkit-overflow-scrolling: touch;}

html {font-size: calc(100vw/7.5);}
body {overflow: hidden;}
img {display: block;}
button {}

.flex {display: -webkit-flex; display: flex;}

.pop-bg {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; justify-content: center; align-items: center; display: none;}
.pop-bg.show {display: -webkit-flex; display: flex;}
.pop-bg .pop-mask {position: absolute; width: 100%; height: 100vh; left: 0; top: 0; background-color: rgba(0,0,0,.7);}

.page {min-height: 100vh; position: relative;}
.page.index {background-color: #cfdbe1; background-image: url("../images/index_bottom_img.png"); background-size: 100%; background-repeat: no-repeat; background-position: left bottom;}
.page .logo {position: absolute; width: 2.15rem; height: .4rem; top: .37rem; left: .3rem;}
.page .index-title {position: absolute; left: 0; top: 2.96rem;}
























